<template>
    <div class="container">
        <!--顶部全局组件-->
        <HospitalTop/>

        <!--展示路由组件的区域-->
        <div class="content">
            <!-- 展示路由       -->
            <router-view/>
        </div>
        <!--尾部全局组件-->
        <HospitalBottom/>
        <!-- 登陆组件-->
        <!--  想实现登录弹窗关闭之后清空输入框和上次校验的结果
                 本来是可通过自定义组件close函数实现
                 现在通过v-if重新挂载的方式实现数据的清空-->
        <Login v-if="userStore.visible"/>
    </div>
</template>

<script setup lang="ts">
import HospitalTop from "@/components/hospital_top/index.vue";
import HospitalBottom from "@/components/hospital_bottom/index.vue";
import Login from '@/components/login/index.vue'
import useUserStore from "@/store/modules/user.ts";

let userStore = useUserStore()


</script>


<style scoped lang="scss">

.container {
  display: flex;
  flex-direction: column;
  align-items: center;

  .content {
    margin-top: 70px;
    width: 1200px;
    min-height: 700px;
  }

}


</style>
